<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title>个人兼职明细</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../common/mui/mui.css" rel="stylesheet" />
		<link href="../../common/css/iconfont.css" rel="stylesheet" />
		<link href="../../common/css/yahei.css" rel="stylesheet" />
		<link href="../../common/css/app.css" rel="stylesheet" />
		<link href="../../common/mui/mui.picker.min.css" rel="stylesheet" />
		<link href="../../dependence/target/css/schStatDetail.css" rel="stylesheet" />
		<style>
			th:first-child,td:first-child{
				text-align: left;
			}
			th,td{
				text-align: center;
				padding: 0 var(--size5);
			}
			.mui-scroll-phone{
				padding-bottom: var(--size30) !important;
			}
			.typeArea{
				display: flex;
				padding-bottom: var(--size10);
			}
			.oneType{
				width: calc(100% / 3 - var(--size20));
				display: flex;
				margin-left: var(--size15);
				height: var(--size60);
				box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
				background-color: #F0F1F5;
				border-radius: 5px;
			}
			.oneType .nurfont{
				width: var(--size40);
				height: 100%;
				line-height: var(--size60);
				text-align: center;
				color: #5DBF74;
				font-size: var(--size20);
			}
			.typeCon{
				margin-top: var(--size10);
				width: calc(100% - var(--size40));
			}
			.typeCon .typeText{
				color: #AAAAAA;
				font-size: var(--size13);
				line-height: 1.2;
			}
			.typeCon .typeNum{
				font-size: var(--size20);
				color: #101010;
				line-height: 1.2;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">个人兼职明细</h1>
		</header>
		<div class="mui-content">
			<div class="detailHeadArea">
				<div class="titleArea">
					<div id="detailTitle" class="title"></div>
					<div id="ward" class="subTitle">工作科室:</div>
					<div id="subTitle" class="subTitle">统计周期:</div>
				</div>
				<div id="typeArea" class="typeArea">
					<div class="oneType">
						<div class="nurfont nur-rili"></div>
						<div class="typeCon"><div class="typeText">兼职次数</div><div class="typeNum">14</div></div>
					</div>
					<div class="oneType">
						<div class="nurfont nur-shijian"></div>
						<div class="typeCon"><div class="typeText">兼职时数</div><div class="typeNum">28</div></div>
					</div>
					<div class="oneType">
						<div class="nurfont nur-money"></div>
						<div class="typeCon"><div class="typeText">兼职薪金</div><div class="typeNum">1500</div></div>
					</div>
				</div>
				<table id="detailHeadTable">
					<colgroup><col width="25%"><col width="30%"><col width="25%"><col width="20%"></colgroup>
					<thead><tr><th>日期</th><th>兼职科室</th><th>兼职岗位</th><th>小时数</th></tr></thead>
				</table>
			</div>
			<div id="detailWrapper" class="mui-scroll-wrapper">
				<div id="scroll" class="mui-scroll mui-scroll-phone">
					<table id="detailTable">
						<colgroup><col width="25%"><col width="30%"><col width="25%"><col width="20%"></colgroup>
						<tbody id="detailBody"></tbody>
					</table>
				</div>
			</div>
		</div>
		<script src="../../common/mui/mui.js"></script>
		<script src="../../common/js/jquery-3.4.1.min.js"></script>
		<script src="../../common/mui/mui.picker.min.js"></script>
		<script src="../../common/mui/mui.pullToRefresh.js"></script>
		<script src="../../common/mui/mui.pullToRefresh.material.js"></script>
		<script src="../../common/js/globalSet.js"></script>
		<script src="../../common/js/DHCWebService.js"></script>
		<script src="../../common/js/app.js"></script>
		<script src="../../dependence/target/js/clinic/jobsNurDetail.js"></script>
	</body>

</html>